<!-- 
* 开始占卜页面 
* 2019年5月16日17:06:10
* penglei
* -->
<template>
    <view class="content">
		<text class="_title">{{title}}</text>
		<rich-text class="_content" nodes="<p>她可能和我复合吗？</p><p>下一站幸福在哪里？</p>关于恋爱婚姻/工作学业的迷思">
		</rich-text>
		<m-btn-start class="_stbt" text="开始" url="/pages/divine/main_type" @click="tapPage"/>
		<cmd-bottom-nav @click="tapNav"  border-color="#BC1BBE" background-color="#BC1BBE" font-color="#fff" active-font-color="rgb(255, 106, 68)" current="1" :BOTTOM_DISTANCE='getModel'></cmd-bottom-nav>
    </view>
</template>

<script>
    // import {
    //     mapState
    // } from 'vuex'
	import cmdBottomNav from "@/components/cmd-bottom-nav/cmd-bottom-nav.vue"
	import mtabbar from "@/components/m-tabbar/m-tabbar.vue"
	import mBtnStart from "@/components/m-btn-type/m-btn-start.vue"
	import mbtn from "@/components/m-btn/m-btn.vue";
    export default {
		components:{mbtn,mtabbar,cmdBottomNav,mBtnStart},
		data(){
			return{
				title:'塔罗数字占卜',
				e:'',
			}
		},
        onLoad(e) {
			let that = this
			that.e = e
        },
		methods:{
			tapNav(e){
				let path = e.item.pagePath
				uni.switchTab({
					url:path,
					success: (res) => {
						
					},
					complete: (com) => {
					}
				})
			},
			tapPage(e){
				uni.redirectTo({
					url:e.path+"?tid="+this.e.tid,
					success: (res) => {
						
					},
					complete: (com) => {
					}
				})
			}
		},
		onShow() {
			uni.setStorageSync('m23lock',0)
			uni.setStorageSync('m32lock',0)
			uni.setStorageSync('m33lock',0)
		},
		computed:{
			getModel(){
				return uni.getStorageSync('model')
			}
		}
    }
</script>

<style lang="scss">
	.content{
		padding: 0upx;
		background-image: url("https://zhanbu.nomeis.cn/upload/page_resource/bg_not_kapai.jpg");
		background-size: 100% 92%;
		
		
		._bg{
			width: 100%;
			height: 100%;
			vertical-align: bottom;
			bottom: 0;
			right: 0;
			position:absolute;
			vertical-align: middle;
		}
		
		
		._title_bg{
			position:relative;
			height:100rpx;
			width:75%;
			margin:auto;
			display:flex;
			margin-top:235rpx;
		}
		
		._title{
			position:absolute;
			display:inline-block;
			margin-top:250upx;
			width:100%;
			text-align:center;
			color:#3DD821;
			font-size:16pt;
			letter-spacing:30upx;
			padding:3upx;
		}
		
		.outer_btn{
			height: 100%;
			justify-content:center;
			align-items:center;
			display:flex;
		}
		
		._content{
			display:inline-block;
			position:absolute;
			text-align:center;
			margin:auto;
			margin-top:190px;
			color: white;
			font-size: 11pt;
			width: 100%;
		}
	}
</style>
